
$(function () {
    // 购物车
    $('.cars').mouseover(function () {
        $(this).stop().slideDown()
        $('#nav .gocar').css('background-color', '#fff')
        $('#nav .gocar').css('border-color', '#fff')
    })
    $('.cars').mouseleave(function () {
        $(this).stop().slideUp()
        $('#nav .gocar').css('background-color', '#424242')
        $('#nav .gocar').css('border-color', '#424242')
    })

    $("#nav .gocar").mouseover(function () {
        $('#nav .gocar').css('background-color', '#fff')
        $('#nav .gocar').css('border-color', '#fff')
        $('.cars').stop().slideDown()

    })
    $("#nav .gocar").mouseleave(function () {
        $('#nav .gocar').css('background-color', '#424242')
        $('#nav .gocar').css('border-color', '#424242')
        $('#nav .cars').stop().slideUp()
    })

    // 搜索框
    // $('#header .sera').mouseover(function () {
    //     $('#header dl').show()
    // })
    // $('#header .sera').mouseout(function () {
    //     $('#header .dl').hide()
    // })
    $('#header .fr input').focus(function () {
        $(this).attr('placeholder', '')
        $('#header .sera').show()
    })
    $('#header .fr input').blur(function () {
        $(this).attr('placeholder', '小米手机')
        $('#header .sera').hide()
    })

    //---------------------------------------------------------------------------------------------------
    //大轮播图展示
    var index = 0
    var timer = setInterval(nextImg, 1000)
    function nextImg() {
        index = (index == $('.pic li').length - 1) ? 0 : (index + 1)
        showImg()
    }
    function prevImg() {
        index = index = 0 ? $('.pic li').length - 1 : index - 1
        showImg()
    }
    function showImg() {
        $('.pic li').eq(index).fadeIn().siblings().fadeOut()
        $('.indicator li').eq(index).addClass('active').siblings().removeClass('active')
    }
    $('.indicator li').hover(function () {

        clearInterval(timer)
        index = $(this).index()
        showImg()
    }, function () {
        timer = setInterval(nextImg, 1000)
    })
    $('.content').hover(function () {
        clearInterval(timer)
    }, function () {
        timer = setInterval(nextImg, 1000)
    })

    $('#banner .pre').click(function () {
        prevImg()
    })
    $('#banner .ne').click(function () {
        nextImg()
    })

    // ---------------------------------------------------------------------------------------------
    //    header/banner部分下拉菜单
    $('.procur').mouseover(function () {
        $('.ite').stop().slideDown();
    })
    $('.procur').mouseleave(function () {
        $('.ite').stop().slideUp();
    })
    $(' .l').each(function () {
        $(this).mouseover(function () {
            $('.titleitem').eq($(this).index()).fadeIn().siblings().fadeOut()
        })
    })

    $('.listitem').mouseover(function () {
        $('#item').stop().fadeIn();
    })
    $('.listitem').mouseleave(function () {
        $('#item').stop().fadeOut();
    })
    $('#showcontent li').each(function () {
        $(this).mouseover(function () {
            $('#item .show').eq($(this).index()).show().siblings().hide()
        })
    })

    //------------------------------------------------------------------------------
    // 小米明星单品、为你推荐图片左右切换部分
    var indexs = 0
    var t = setInterval(scroll, 1000)
    function scroll() {
        indexs = (indexs == $('#starshow li').length - 1) ? 0 : (indexs + 1)
        if (indexs == 1) {
            $('#starshow .gray').eq(1).addClass('gray').siblings().removeClass('gray')
            $('#starshow li').animate({ 
                left: 0
            })
        }
        if (indexs == 0) {
            $('#starshow .gray').eq(0).addClass('gray').siblings().removeClass('gray')
            $('#starshow li').animate({
                left: -1226
            })
        }
    }

    $('#star .next').click(function () {
        $('#starshow li').stop().animate({
            left: 0,
        })
    })

    $('#star .prev').click(function () {
        $('#starshow li').stop().animate({
            left: -1226,
        })
    })

    //--------------------------------------------------------------------------
    // 选项文字图片切换
    $('.mo a').mouseover(function () {
        $(this).addClass('cur').siblings().removeClass('cur')
        var i = $(this).index()
        $('.contentbox').eq(i).show().siblings().hide()
    })
    $('.other a').mouseover(function () {
        $(this).addClass('curen').siblings().removeClass('curen')
        var a = $(this).index()
        $('.ox').eq(a).show().siblings().hide()
    })
    $('.ar a').mouseover(function () {
        $(this).addClass('curen').siblings().removeClass('curen')
        var a = $(this).index()
        $('.sh').eq(a).show().siblings().hide()
    })

    //底部文字显示效果
    $('.box ').hover(function () {
        $(this).find('.ina').slideDown(200)
    }, function () {
        $(this).find('.ina').slideUp(200)
    })


    //-------------------------------------------------------------------------------------
    // 内容切换图片部分


     var b = 0;
    var bo = setInterval(bo, 1000)
    function bo(){
        b++
        if(b >= $('.book').length){
            b = 0;
        }
        $('.book').eq(b).addClass('bo').siblings().removeClass('bo')
    }


    var j = 0;
    var ll = setInterval(lls, 1000)
    function lls(){
        j++
        if(j >= $('.ll').length){
            j = 0;
        }
        $('.ll').eq(j).addClass('concur').siblings().removeClass('concur')
    }

    var g = 0;
    var me = setInterval(me, 1000)
    function auto(){
        g++
        if(g >= $('.game').length){
            g = 0;
        }
        $('.game').eq(g).addClass('ga').siblings().removeClass('ga')
    }


    



    var s = 0;
    var e = setInterval(o, 1000)
    function o(){
        s++
        if(s >= $('.yi').length){
            s = 0;
        }
        $('.yi').eq(s).addClass('ying').siblings().removeClass('ying')
    }


    //-------------------------------------------------------
    // 遮罩层
    $('#video .video').click(function () {
        $('.mask').fadeIn()
        //    $('.maskcontent').fadeIn()
    })
    $('.close').click(function () {
        $('.mask').fadeOut()
        // $('.maskcontent').fadeout() 
    })














})


